/*Banner*/
.banner .owl-theme .owl-nav [class*=owl-]:hover i {
    color: #2626be;
}
.col-sm-12.col-md-12.col-lg-12.banner,
.col-sm-12.col-md-12.col-lg-12.banner .banner-image  {
    height: 449px;
}


.banner .owl-carousel .owl-item img {
    object-fit: cover;
    object-position: center;
    height: 100%;
}
.banner .carousel-caption {
    background: #00000080;
    width: 509px;
        bottom: 40px;
    height: 94px;
}

.banner .title {
    font-size: 28px;
    line-height: 35px;
    margin: 9px  20px;
}

.banner owl-carousel-child.owl-theme.row.sliding.owl-carousel.owl-loaded.owl-drag:before {
  content: "";
  height: 449px;
  width: 43px;
  display: block;
  position: absolute;
  z-index: 9;
  }
  
  .banner .owl-theme .owl-dots {
    position: absolute;
    bottom: 10px;
}

.banner  .owl-theme .owl-dots .owl-dot span {
    border-radius: 1px;
    height: 17px;
    width: 12px;
    margin: 0 4px;
    border: 1px solid #f2f2f2;
    background: #0000b3;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}
.banner  .owl-theme .owl-dots .owl-dot.active span, .banner .owl-theme .owl-dots .owl-dot:hover span {
    background: #4c4cca;
}


.banner  .owl-nav .fas {
    font-size: 55px;
    color: #cacacdb0;
}


.container-fluid.main-content .container-fluid {
    background: white;
}

 
 .side-list .title-block {
    color: #ffffff;
    line-height: 70px;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
    padding: 0 20px;
      text-align: initial;
}
.side-list .col-md-12:nth-child(4) a.row.nav-link .col-md-12 {
    background: rgb(204 204 240);
}
 
.side-list .col-md-12:first-child a.row.nav-link .title-block {
    background: #0000b3;
}
.side-list a.row.nav-link:hover .title-block,.todaysmenu a.row.nav-link:hover .img-block img.card-img-top {
    opacity: 0.6;
}


.side-list .col-md-12 .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}

.side-list .col-md-12:nth-child(2) a.row.nav-link .title-block {
    background: rgba(0, 0, 179, 0.70);
}

.side-list .col-md-12:nth-child(4) a.row.nav-link .title-block {
    font-size: 18px;
    margin-left: 0;
    padding-top: 0;
    color: #0000b3;
    line-height: 50px;
}

.side-list .col-md-12:nth-child(4) a.row.nav-link span.card-text {
    font-size: 11px;
    margin: auto 20px;
    text-decoration: none;
    LINE-HEIGHT: 50PX;
    color: #0000e6;
    
}

.side-list .col-md-12:nth-child(4) a.row.nav-link .desc-block {
    margin-top: -6px;
    text-align: initial;
}
.side-list .container-fluid {
    padding-top: 12px;
}
 
 .container-fluid.main-content > .row {
    background: #fff;
    margin-left: 0;
    margin-right: 0px;
}

/**/

.side-list  a.card {
    background: transparent;
    border: 0;
    border-radius: 0;
}

.side-list .card-body {
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
    padding: 22px 20px 10px;
    text-align: initial;
}
.side-list .col-md-12:nth-child(1) a.card {
    background: #0000b3;
}

.side-list .col-md-12:nth-child(2) a.card {
    background: rgba(0, 0, 179, 0.70);
}
 
.side-list .col-md-12:nth-child(4) a.card {
    background: rgb(204 204 240);
}


.side-list .col-md-12 {
   margin-bottom: 5px;
    margin-top: 8px;
}

.side-list .col-md-12:nth-child(3) a {
    background: rgba(0, 0, 179, 0.5);

}

.side-list .col-md-12:nth-child(3) .card-body {
    padding: 10px 20px 1px;
}
.side-list .col-md-12 a.card:hover {
    opacity: 0.5;
    cursor: pointer;
}
.side-list .col-md-12:nth-child(4) h4.card-title {
    font-size: 18px;
    margin-left: 0;
    padding-top: 0;
    color: #0000b3;
}

.side-list .col-md-12:nth-child(4) p.card-text {
    font-size: 11px;
    font-weight: 100;
    color: #0000b3;
    text-align: initial;
}

.side-list .col-md-12:nth-child(4) .card-body {
    padding: 25px 20px 20px;
}
/**/

.container-fluid.main-content > .row,
.container-fluid.main-content > .row .banner, 
.container-fluid.main-content > .row .side-list, 
.container-fluid.main-content > .row .dean-box  {
    padding-left: 0;
    padding-right: 0;
}
 
.dean-box img {
    margin-top: 0px;
    border: 2px #c3976e solid;
}

.dean-box h1,.photo-text h1,.calendar-title h1 {
    font-weight: bold;
    color: #153e69;
    font-size: 18px;
    padding: 15px 0 5px 0px;
    text-align: initial;
}

.dean-box .animated {
    background: #f2f2f2;
    padding: 0px 20px 17px;
    text-align: justify;
}


 a.firstblock-more {
    font-size: 11px;
    text-decoration: none;
    color: #0000e6;
    text-align: end;
    display: block;
}

.todaysmenu .card-img, .card-img-top {
    border-radius: 0;
}
.todaysmenu a.row.nav-link .col-md-12,
.todaysmenu .container-fluid .row > .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}

.todaysmenu .col-md-12 {
    margin-bottom: 15px;
}
 
.todaysmenu .col-md-12:nth-child(2) h4.card-title {
    color: #0000b3;
}
.latest-news-block .col-12.text-center.mt-4 {
    display: none;
}
.todaysmenu .img-block img.card-img-top {border-radius: 0;}


.todaysmenu a.card .card-body {
    position: absolute;
    width: 100%;
    text-align: center;
    color: white;
    padding: 35px 0 0;
    
}
 
.todaysmenu a.card:hover img {
    opacity: 0.8 ;
}

.todaysmenu h4.card-title {
    font-size: 28px;
    font-weight: 600;
}
.todaysmenu a.card {
    border: 0;
    cursor: pointer;
    border-radius: 0;
}

.title-btn .row.header-element-container {
    border: 0;
    padding: 0;
    margin: 0;
}

.title-btn .col-md-9 {
    font-weight: bold;
    color: #153e69;
    font-size: 18px;
    padding: 10px 0 10px 0px;
    text-align: initial;
}

.title-btn button.btn.x {
    text-decoration: none;
    text-align: unset;
    color: #0000e6;
    display: block;
    margin-top: 20px !important;
    font-size: 11px;
    font-weight: 100;
    margin: 0;
    padding: 0;
    text-align: end !important;
    width: 100%;
}
.title-btn  .col-md-3 {
    padding: 0;
}

.title-btn  button.btn.x:hover { color: #ccccf0 !important;}

/*Home gallery */
.photo-text ngx-gallery-arrows.ngx-gallery-image-size-cover .ngx-gallery-arrow-wrapper:hover { opacity:0.5;}
.photo-text .row {
    padding: 0px 5px 27px;
    border: 1px solid #f2f2f2;
}
.photo-text {
    padding-bottom: 15px;
}
.photo-text h1 {
        padding: 15px 0 10px 0px;
}
.photo-text  h1 a {
    text-decoration: none;
    text-align: end;
    color: #0000e6;
    display: block;
    margin-top: -20px;
    font-size: 11px;
    font-weight: 100;
}
.todaysmenu .nav-link {
    padding-top: 0;
}
 
 
.latest-title h1 {
    color: #ffffff;
    /* font-weight: bold; */
    font-size: 22px;
    text-decoration: none;
    background: #0000b3;
    padding: 12px 20px;
    text-align: initial;
    margin: -15px 0 -7px;
}

.latest-title h1 a {
    font-size: 13px;
    color: #ccccf0;
}

 
.latest-title a:hover {
    color: #7f7fd9 !important;
}
 
.latest-news-block  .tch-thumbnail img {
    height: 100%;
}

.latest-news-block  span.card-title {
    color: #333333;
    font-weight: bold;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: initial;
    text-overflow: ellipsis;
}
.latest-news-block a.col-md-12.mb-3.py-2:hover {
    background: rgb(248 248 253 / 0.70);
}
 
.latest-news-block a.col-md-12.mb-3.py-2:hover span.card-title {
    color: #ccccf0;
}
.latest-news-block  span.card-title:after {
    content: " ...";
}
.latest-news-block  span.post-desc {
    font-size: 13px;
    color: #b6b4b4;
    -webkit-transition: all .3s ease-in-out;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
   text-align: initial;
}
.latest-news-block .tch-thumbnail {
    border: 1px #d8d8d8 solid;
    margin-right: 10px;
    height: 78px;
}

.latest-news-block  p.post-date {
    color: #7b7b7b;
    font-size: 11px;
    margin-top: 3px;
    margin-bottom: 0;
    cursor: pointer !important;
}
.latest-news-block a.col-md-12.mb-3.py-2:nth-child(2) {
    border-bottom: 0;
}
.latest-news-block a.col-md-12.mb-3.py-2 {
    margin-block: 0 !important;
    border-bottom: 1px solid #f2f2f2;
        padding-top: 12px !important;
}
.container-fluid.blog-dngkfsaz5 .row {
    border: 1px solid #f2f2f2;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: -10px;
}

/*DCMS 6 Edits*/
.photo-text ngx-gallery {
    display: block;
}

.carousel-control-prev-icon:before, .carousel-control-next-icon:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 55px;
    color: #cacacdb0;
    font-weight: 600;
}
.banner .carousel-control-prev-icon:before {
    content: "\f104";
}

.banner .carousel-control-next-icon:before {
    content: "\f105";
}
.banner .carousel-control-next-icon,.banner  .carousel-control-prev-icon {
    background-image: none;
}

.side-list .col-md-12:nth-child(4) .card-text {
    font-size: 11px;
    font-weight: 100;
    color: #0000b3;
    text-align: initial;
}
.photo-text ngx-gallery {
    display: block;
}

.photo-text .ngx-gallery-thumbnails .ngx-gallery-thumbnail{
    border:0 !important;
}


.banner .banner-image {
    display: flex;
}

.banner .banner-image img {
    object-fit: cover;
}


.col-sm-12.col-md-12.col-lg-12.banner, .col-sm-12.col-md-12.col-lg-12.banner .banner-image{
    height: 600px;
}

.banner .carousel.slide:before {
    height: 600px;
    background-size: cover;
}

.latest-news-block .tch-thumbnail .imge {
    height: 100%;
}

.latest-news-block .tch-thumbnail {
    width: 100%;
}

.todaysmenu h4.card-title {
    margin-bottom: 0 !important;
}

.todaysmenu a.card .card-body {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
}

.latest-news-block .row-content > div:last-child {
    display: none;
}




@media (min-width:1024px)and (max-width:1024px) {
.side-list .col-md-12:nth-child(4) .card-body {
    padding: 45px 20px 54px;
}
.todaysmenu a.card .card-body {
    padding: 25px 0 0;
}
.calendar .container-fluid.blog-8rwpb52ao {
    min-height: 354px;
}
}


/*Tablet */
@media (min-width:768px)and (max-width:768px) {
 
.side-list .col-md-12:nth-child(3) a.card .card-title, .side-list .col-md-12:nth-child(3) a.row.nav-link .title-block {
    background: none;
    padding: 0 0;
}
.calendar .container-fluid.blog-8rwpb52ao {
    min-height: 376px;
}
.calendar .tch-thumbnail:before {
    font-size: 22px;
}
 .side-list .col-md-12:nth-child(3) .card-body {
    padding: 17px 23px 8px;
}

.todaysmenu a.card .card-body {
    padding: 19px 0 0;
}

.todaysmenu h4.card-title {
    font-size: 18px;
}
.dean-box .animated {
    height: 340px;
    display: -webkit-box;
    -webkit-line-clamp: 16;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

 .side-list .col-md-12:nth-child(4) .card-body {
    padding: 22px 20px 18px;
}
    
}



/*Mobile*/

@media(max-width:768px){
.photo-text .ngx-gallery-layout.thumbnails-bottom {
    row-gap: 12px;
  }

.photo-text .ngx-gallery-thumbnails {
    gap: 8px;
  }

  
  /* الصورة الأولى */
  .photo-text .ngx-gallery-thumbnail:nth-child(1) {
    left: 0 !important;
  }

  /* الصورة الثانية */
  .photo-text .ngx-gallery-thumbnail:nth-child(2) {
    left: calc(25% + 8px) !important;
   }
}

@media(max-width:767px){
    
.photo-text {
    margin-top: 10px;
}
.calendar .container-fluid.blog-8rwpb52ao {
    margin-bottom: 20px;
    min-height:auto;
}
.section-main-content > .container-fluid.main-content {
    padding-right: 0;
    padding-left: 0;
}
 
.dean-box .animated {
    margin: auto;
}

.photo-text .row {
    margin: auto;
}

.banner .carousel-caption {
    width: 100%;
}

.banner .title {
    font-size: 16px;
}
div#myModal {
    display: none;
}




}